<!DOCTYPE html>
<html>
<head>
    <title>个人资料</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!-- 指定以IE8的方式来渲染 -->
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
    <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="/js/bootstrap/css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="/css/jsherp.css"/>
    <link rel="stylesheet" type="text/css" href="/js/easyui/themes/gray/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="/js/easyui/themes/icon.css"/>
    <script type="text/javascript" src="/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="/js/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/js/easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="/js/common/common.js"></script>
</head>
<body>
<div id="userDlg" class="easyui-panel" data-options="fit:true" title="修改密码" iconCls="icon-list" style="padding:10px 20px"
     iconCls="icon-unlock">
    <form id="passwordFM" method="post" novalidate>
        <table style="width:100%">
            <tr>
                <td style="width:80px;">原始密码</td>
                <td style="padding:5px;">
                    <input type="password" name="oldpassword" id="oldpassword" class="easyui-textbox"
                           data-options="required:true,validType:'length[5,20]'" style="width: 230px;"
                           missingMessage="请输入原始密码"/>
                </td>
            </tr>
            <tr>
                <td>重设密码</td>
                <td style="padding:5px;">
                    <input type="password" name="password" id="password" class="easyui-textbox"
                           data-options="required:true,validType:'length[5,20]'" style="width: 230px;"
                           missingMessage="请填写新密码"/>
                </td>
            </tr>
            <tr>
                <td>再输一遍</td>
                <td style="padding:5px;">
                    <input type="password" name="repassword" id="repassword" class="easyui-textbox"
                           data-options="required:true,validType:'length[5,20]'" style="width: 230px;"
                           missingMessage="请再次填写新密码"/>
                </td>
            </tr>
            <tr>
                <td></td>
                <td style="padding:5px;">
                    <a href="javascript:void(0)" id="savepassword" class="easyui-linkbutton" iconCls="icon-save">保存</a>&nbsp;&nbsp;
                    <a href="javascript:void(0)" id="cancelpassword" class="easyui-linkbutton" iconCls="icon-redo">重置</a>
                </td>
            </tr>
        </table>
    </form>
</div>

<script type="text/javascript">
    //初始化界面
    $(function () {
        $('#passwordFM').form({
            onSubmit: function () {
                return false;
            }
        });
        $("#userDlg").panel({height: webH - 3, width: webW + 15});
        $("#dlg-buttons").css("padding-left", "65px");
    });
    //重置
    $("#cancelpassword").off("click").on("click", function () {
        $("#oldpassword").textbox("clear");
        $("#password").textbox("clear");
        $("#repassword").textbox("clear");
    });
    //初始化键盘enter事件
    $(document).keydown(function (event) {
        //兼容 IE和firefox 事件
        var e = window.event || event;
        var k = e.keyCode || e.which || e.charCode;
        //兼容 IE,firefox 兼容
        var obj = e.srcElement ? e.srcElement : e.target;
        //绑定键盘事件为 id是指定的输入框才可以触发键盘事件 13键盘事件
        if (k == "13" && (obj.id == "oldpassword" || obj.id == "password" || obj.id == "repassword"))
            $("#savepassword").click();
    });

    $("#savepassword").unbind().bind({
        click: function () {
            var oldpassword = $.trim($("#oldpassword").textbox("getValue"));
            var password = $.trim($("#password").textbox("getValue"));
            var repassword = $.trim($("#repassword").textbox("getValue"));
            if (!$('#passwordFM').form('validate')){
                return;
            }
            if(password != repassword) {
                $.messager.alert('提示', '两次密码输入不一致！', 'warning');
                return;
            }
            $.ajax({
                type: "post",
                url: "/user/updatePwd",
                dataType: "json",
                async: false,
                data: ({
                    userId: sessionStorage.getItem("userId"),
                    password: password,
                    oldpwd: oldpassword
                }),
                success: function (res) {
                    if(res && res.code === 200) {
                        if(res.data && res.data.status) {
                            var status = res.data.status;
                            if (1 == status) {
                                //回退到上次访问页面
                                history.go(-1);
                            }
                            else if (2 == status) {
                                $.messager.alert('提示', '原始密码输入错误！', 'warning');
                                return;
                            }
                            else if (3 == status) {
                                $.messager.alert('提示', '管理员jsh密码不能修改！', 'warning');
                                return;
                            }
                            else {
                                $.messager.alert('提示', '更新密码异常，请稍后再试！', 'error');
                                return;
                            }
                        }
                    }
                },
                //此处添加错误处理
                error: function () {
                    $.messager.alert('提示', '更新密码异常，请稍后再试！', 'error');
                    return;
                }
            });
        }
    });
</script>
</body>
</html>